<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>太格时代</title>
    <link rel="stylesheet" href="./lib/common.css">
    <link rel="stylesheet" href="./lib/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="./lib/bootstrap-3.3.7-dist/fonts/glyphicons-halflings-regular.svg">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2235284_mp8fniv83xj.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2250533_giu97wyvsy.css">
    <link rel="stylesheet" href="./lib/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/base1.css">
    <link rel="stylesheet" href="./css/Yao_head_zindex.css">
    <link rel="stylesheet" href="./css/Yao_index_main.css">
    <link rel="stylesheet" href="./lib/aos/aos.css">
    <link rel="shortcut icon" href="http://www.togest.com/favicon.ico" />
    <script src="./lib/jQuery/jquery-3.5.1.min.js"></script>
    <script src="./lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="./lib/swiper/swiper-bundle.min.js"></script>
    <script src="./lib/aos/aos.js"></script>
</head>

<body>
    <header class="base_head">
        <!-- 头部 -->
        <div id="head" class="container">
            <!-- logo -->
            <div class="row clearFix">
                <div class="col-xs-9">
                    <a href="javascript:;">
                        <img class=" col-xs-12 col-md-10 "
                            src="http://www.togest.com/phpcms/templates/default/image/logo.png" alt="logo" title="logo">
                    </a>
                </div>
                <div class=" text" style="float:right;">
                    <p>股票代码 : 603977</p>
                    <p>股票简称 : 国泰集团</p>
                </div>
                <div class="menu"
                    style="float:right;padding-top:20px; padding-right:20px;font-size:24px;cursor:pointer;">
                    <span class="glyphicon glyphicon-align-justify"></span>
                </div>
            </div>

        </div>
        <hr />
        <nav class="base_nav container">
            <!-- 顶部导航 -->
            <div class="row clearFix">
                <div class="base_nav_items">
                    <a href="../index.html">首页</a>
                    <img src="http://www.togest.com/phpcms/templates/default/image/navbg1.png" alt="">

                </div>
                <div class="base_nav_items">
                    <a href="javascript:;">走进太格</a>
                    <p></p>
                    <div class="opa opa_zou">
                        <ul class="clearFix">
                            <li><a href="./html/w1-1.html">
                                    <p><span class="iconfont icon-qiyejianjie"></span></p> 公司简介
                                </a></li>
                            <li><a href="./html/w1-2.html">
                                    <p><span class="iconfont icon-kaifangpingtai"></span></p> 创新开发
                                </a></li>
                            <li><a href="./html/w1-3.html">
                                    <p><span class="iconfont icon-biji"></span></p> 大事件
                                </a></li>
                            <li><a href="./html/w1-4.html">
                                    <p><span class="iconfont icon-mubiao"></span></p> 太格理念
                                </a></li>
                            <li><a href="./html/w1-5.html">
                                    <p><span class="iconfont icon-rongyu"></span></p> 资质荣誉
                                </a></li>
                        </ul>
                    </div>
                    <img src="http://www.togest.com/phpcms/templates/default/image/navbg1.png" alt="">
                </div>
                <div class="base_nav_items">
                    <a href="javascript:;"> 媒体中心</a>
                    <p></p>
                    <div class="opa opa_xin">
                        <ul class="clearfix">
                            <li><a href="./html/x1-1.html">
                                    <p><span class="iconfont icon-quanbuxinwen"></span></p> 新闻资讯
                                </a></li>
                            <li><a href="./html/x1-2.html">
                                    <p><span class="iconfont icon-zixun"></span></p> 行业资讯
                                </a></li>

                        </ul>
                    </div>
                    <img src="http://www.togest.com/phpcms/templates/default/image/navbg1.png" alt="">
                </div>
                <div class="base_nav_items">
                    <a href="javascript:;"> 产品与解决方案</a>
                    <p></p>
                    <div class="opa opa_chan">
                        <ul class="clearfix">
                            <li><a href="./html/o1-1.html">
                                    <p><span class="iconfont icon-fangan"></span></p> 解决方案
                                </a></li>
                            <li><a href="./html/o1-2.html">
                                    <p><span class="iconfont icon-tuya_huabanfuben"></span></p> 产品中心
                                </a></li>
                            <li><a href="./html/o1-3.html">
                                    <p><span class="iconfont icon-icon-test"></span></p> 应用业绩
                                </a></li>
                            <li><a href="./html/index.html">
                                    <p><span class="iconfont icon-fuwu"></span></p> 服务与支持
                                </a></li>

                        </ul>
                    </div>
                    <img src="http://www.togest.com/phpcms/templates/default/image/navbg1.png" alt="">
                </div>
                <div class="base_nav_items">
                    <a href="javascript:;"> 人才发展</a>
                    <p></p>
                    <div class="opa opa_ren">
                        <ul class="clearfix">
                            <li><a href="./html/x2-1.html">
                                    <p><span class="iconfont icon-jingwuicon_svg-"></span></p> 致梦想者
                                </a></li>
                            <li><a href="./html/x2-2.html">
                                    <p><span class="iconfont icon-duoren"></span></p> 人才理念
                                </a></li>
                            <li><a href="./html/x2-3.html">
                                    <p><span class="iconfont icon-jiarujiazu"></span></p> 加入太格
                                </a></li>

                        </ul>
                    </div>
                    <img src="http://www.togest.com/phpcms/templates/default/image/navbg1.png" alt="">


                </div>
                <div class="base_nav_items">
                    <a href="javascript:;"> 投资者关系</a>
                    <p></p>
                    <div class="opa opa_gong">
                        <ul class="clearfix">
                            <li><a href="./html/y-1.html">
                                    <p><span class="iconfont icon-dibudaohanglan-"></span></p> 公司公告
                                </a></li>
                        </ul>
                    </div>
                </div>
                <img class="base_nav_right col-sm-2" src="http://www.togest.com/phpcms/templates/default/image/live.png"
                    alt="">
            </div>
        </nav>
    </header>
    <main class="index_main">
        <!-- 轮播图 -->
        <div class="banner">
            <div class="swiper-container ">
                <div class="swiper-wrapper">
                    <div class="swiper-slide "><a style="background:url('./imgs/banner1/20170115115512781.jpg')"
                            class="swiper_item" href="#"></a></div>
                    <div class="swiper-slide "><a style="background:url('./imgs/banner1/20170115115616266.jpg')"
                            class="swiper_item" href="#"></a></div>
                    <div class="swiper-slide "><a style="background:url('./imgs/banner1/20170210103028358.jpg')"
                            class="swiper_item" href="#"></a></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
        <!-- 轮播图脚本 -->
        <script src="./js/Yao_index_swiper1.js"></script>
        <!-- 创维 -->
        <div class="skyworth">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6" data-aos="fade-in" data-aos-duration='1000' data-aos-once="true">
                        <img class="sk_img" src="./imgs/indexPage/bg11.png" alt="">
                        <div class="text">
                            <a class="red_btn" href="./o1-1.html">开启交通之旅&gt;&gt;</a>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <ul class="text_ul">
                            <li data-aos="fade-right" data-aos-once="true" data-aos-delay="100" data-aos-duration='1000'
                                data-aos-offset="300">
                                <p class="p1">一个平台</p>
                                <p class="p2">轨道交通自动化综合管理平台</p>
                            </li>
                            <li data-aos="fade-right" data-aos-once="true" data-aos-delay="300" data-aos-duration='1000'
                                data-aos-offset="300">
                                <p class="p1">两大领域</p>
                                <p class="p2">电气化铁路、城市轨道交通</p>
                            </li>
                            <li data-aos="fade-right" data-aos-once="true" data-aos-delay="600" data-aos-duration='1000'
                                data-aos-offset="300">
                                <p class="p1">一个四大核心解决方案平台</p>
                                <p class="p2">铁路供电自动化系统、铁路调度自动化系统<br />城市轨道交通自动化、轨道交通集成服务设备</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <script>
            (function () {
                AOS.init();
            })();
        </script>
        <!-- 产品与解决方案 -->
        <div class="product">
            <h1 style="display: none;">产品与解决方案</h1>
            <div class="pro_head">
                <p>产品与解决方案</p>
                <p>通过基于供电运维管理平台的智能系统及核心智能化设备，生态整合各类数据及信息，为客户提供一流的产品，一流的服务</p>
            </div>
            <ul class="pro_list">
                <li class="active">
                    <div class="top">
                        <p class="iconfont icon-fenzhijigou"></p>
                        <div>
                            铁路供电自动化系统
                        </div>
                    </div>
                    <ul class="list">
                        <li><a href="javascript:;">接触网开关监控系统</a></li>
                        <li><a href="javascript:;">接触网开关监控系统</a></li>
                        <li><a href="javascript:;">接触网开关监控系统</a></li>
                        <li><a href="javascript:;">接触网开关监控系统</a></li>
                        <li><a href="javascript:;">接触网开关监控系统</a></li>
                        <li><a href="javascript:;">接触网开关监控系统</a></li>
                        <li><a href="javascript:;">接触网开关监控系统</a></li>
                        <li><a href="javascript:;">接触网开关监控系统</a></li>
                        <li><a href="javascript:;">接触网开关监控系统</a></li>
                    </ul>
                    <div class="btn_detail">
                        <a href="javascript:;">
                            了解详情
                        </a>
                    </div>
                </li>
                <li>
                    <div class="top">
                        <p class="iconfont icon-ziyuan"></p>
                        <div>
                            铁路调度自动化系统
                        </div>
                    </div>
                    <ul class="list">
                        <li><a href="javascript:;">供电调度SCADA系统</a></li>
                        <li><a href="javascript:;">供电信息管理系统</a></li>
                        <li><a href="javascript:;">6C系统综合数据中心</a></li>
                    </ul>
                    <div class="btn_detail">
                        <a href="javascript:;">
                            了解详情
                        </a>
                    </div>
                </li>
                <li>
                    <div class="top">
                        <p class="iconfont icon-zuoce-guidao"></p>
                        <div>
                            城市轨道交通自动化系统
                        </div>
                    </div>
                    <ul class="list">
                        <li><a href="javascript:;">可视化接地监控系统</a></li>
                        <li><a href="javascript:;">车辆段微机误防闭锁系统</a></li>
                        <li><a href="javascript:;">杂散电流防护和监测系统</a></li>
                        <li><a href="javascript:;">机电设备监控系统</a></li>
                        <li><a href="javascript:;">电力监控系统PSCADA</a></li>
                        <li><a href="javascript:;">综合安防系统</a></li>
                    </ul>
                    <div class="btn_detail">
                        <a href="javascript:;">
                            了解详情
                        </a>
                    </div>
                </li>
                <li>
                    <div class="top">
                        <p class="iconfont icon-maintain"></p>
                        <div>
                            轨道交通集成服务设备
                        </div>
                    </div>
                    <ul class="list">
                        <li><a href="javascript:;">站段供电检测、检验设备</a></li>
                        <li><a href="javascript:;">车辆段及综合基地设备</a></li>
                        <li><a href="javascript:;">地铁设备集成</a></li>
                    </ul>
                    <div class="btn_detail">
                        <a href="javascript:;">
                            了解详情
                        </a>
                    </div>
                </li>
            </ul>
            <!-- js脚本 -->
            <script>
                $(function () {
                    $('body > .index_main >  .product > .pro_list > li').on("mouseenter", function () {
                        console.log($(this).index());
                        $('body > .index_main >  .product > .pro_list > li').removeClass('active');
                        $(this).addClass('active');
                    })
                })
            </script>
        </div>
        <!-- 应用业绩 -->
        <div class="performance">
            <h1 style="display: none;">应用业绩</h1>
            <div class="pro_head">
                <p>应用业绩</p>
                <p>眼见为实,我们做的每一份都有记录,让客户亲眼见证质量,不忘初心的企业理念</p>
            </div>
            <div class="swiper_box">
                <div class="swiper-container swiper-container-p">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="javascript:;">
                                <img src="./imgs/indexPage/asdf1.png" alt="">
                                <div></div>
                                <p>铁路供电综合SCADA系统</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:;">
                                <img src="./imgs/indexPage/asdf5.jpg" alt="">
                                <div></div>
                                <p>隧道照明及防灾监控系统</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:;">
                                <img src="./imgs/indexPage/asdf1.png" alt="">
                                <div></div>
                                <p>铁路供电综合SCADA系统</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:;">
                                <img src="./imgs/indexPage/asdf1.png" alt="">
                                <div></div>
                                <p>铁路供电综合SCADA系统</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:;">
                                <img src="./imgs/indexPage/asdf1.png" alt="">
                                <div></div>
                                <p>铁路供电综合SCADA系统</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:;">
                                <img src="./imgs/indexPage/asdf1.png" alt="">
                                <div></div>
                                <p>铁路供电综合SCADA系统</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:;">
                                <img src="./imgs/indexPage/asdf1.png" alt="">
                                <div></div>
                                <p>铁路供电综合SCADA系统</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:;">
                                <img src="./imgs/indexPage/asdf1.png" alt="">
                                <div></div>
                                <p>铁路供电综合SCADA系统</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:;">
                                <img src="./imgs/indexPage/asdf1.png" alt="">
                                <div></div>
                                <p>铁路供电综合SCADA系统</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:;">
                                <img src="./imgs/indexPage/asdf1.png" alt="">
                                <div></div>
                                <p>铁路供电综合SCADA系统</p>
                            </a>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
                <div class="anniu swiper-button-next1 glyphicon glyphicon-menu-right"></div>
                <div class="anniu swiper-button-prev1 glyphicon glyphicon-menu-left"></div>
            </div>

            <script>
                $(function () {
                    function once(fn) {
                        var result;
                        return function () {
                            if (fn) {
                                result = fn.apply(this, arguments);
                                fn = null;
                            }
                            return result;
                        };
                    }
                    var callOnce = once(function () {
                        // console.log('javascript');
                        var swiperP = new Swiper('.swiper-container-p', {
                            // autoplay: true,
                            slidesPerView: 2,
                            slidesPerColumn: 2,
                            spaceBetween: 30,
                            pagination: {
                                el: '.swiper-pagination',
                                clickable: true,
                            },
                            navigation: {
                                nextEl: '.swiper-button-next1',
                                prevEl: '.swiper-button-prev1',
                            },
                        });
                    });
                    let zhong = 0;
                    let xiao = 0;
                    let xx = 0;
                    window.onresize = function () {
                        // console.log(window.innerWidth);
                        let width = window.innerWidth;
                        if(width >= 760){
                            zhong =0;
                            xiao = 0;
                        }
                        if (width <= 760 && width >= 320) {
                            zhong +=1;
                            xiao = 0;
                            if(zhong){
                            console.log('zhong')
                            }
                            if(xiao){
                                console.log('xiao')
                            }
                        }
                        if (width <= 320 && width >= 0) {
                            zhong = 0;
                            xiao +=1;
                            if(zhong){
                                console.log('zhong')
                            }
                            if(xiao){
                                console.log('xiao')
                            }
                        }
                        // if(zhong){
                        //     console.log('zhong')
                        // }
                        // if(xiao){
                        //     console.log('xiao')
                        // }
                    }

                    var swiperP = new Swiper('.swiper-container-p', {
                        // autoplay: true,
                        slidesPerView: 3,
                        slidesPerColumn: 2,
                        spaceBetween: 30,
                        pagination: {
                            el: '.swiper-pagination',
                            clickable: true,
                        },
                        navigation: {
                            nextEl: '.swiper-button-next1',
                            prevEl: '.swiper-button-prev1',
                        },
                        // breakpoints: {
                        //     320: {  //当屏幕宽度大于等于320
                        //         slidesPerView: 2, spaceBetween: 10,
                        //     },
                        //     768: {  //当屏幕宽度大于等于768 
                        //         slidesPerView: 3, spaceBetween: 30,
                        //     },
                        // }
                    });
                });
            </script>
        </div>
        <!-- 新闻动态 -->
        <div class="news">
            <h1 style="display: none;">新闻动态</h1>
            <div class="pro_head">
                <p>新闻动态</p>
                <p>以持续创新助力大国速度，业内首次提出智慧运维理念，以尖端科技构建安全稳定的轨道交通供电运维全产品解决方案</p>
            </div>
            <div class="content">
                <div class="top">
                    <ul class="list clearfix">
                        <li class="active">
                            公司新闻
                        </li>
                        <li>
                            行业资讯
                        </li>
                    </ul>
                    <div class="xian"></div>
                </div>
                <div class="body">
                    <div class="left">
                        <a href="javascript:;">
                            <img src="./imgs/indexPage/news.jpg" alt="">
                            <div></div>
                            <p class="p1">隧道照明及防灾监控系统</p>
                            <p class="p2">2020年11月16日，董事长黄军、总经理刘升权，副总经理蒋士林代表我司出席了南昌轨道交通产业园（一期）重点项目签约仪式，与南昌轨道交通集 </p>
                        </a>
                    </div>
                    <div class="right">
                        <ul class="list">
                            <li>
                                <div class="l">
                                    <p class="p1">18</p>
                                    <p class="p2">2020-11</p>
                                </div>
                                <div class="r">
                                    <p class="p1">太格时代入驻南昌轨道交通千亿产业园</p>
                                    <p class="p2">太格时代入驻南昌轨道交通千亿产业园</p>
                                </div>
                            </li>
                            <li>
                                <div class="l">
                                    <p class="p1">27</p>
                                    <p class="p2">2020-10</p>
                                </div>
                                <div class="r">
                                    <p class="p1">江西省省委常委、副省长吴忠琼一行到太格时代调研指导</p>
                                    <p class="p2">江西省省委常委、副省长吴忠琼一行到太格时代调研指导</p>
                                </div>
                            </li>
                            <li>
                                <div class="l">
                                    <p class="p1">18</p>
                                    <p class="p2">2020-11</p>
                                </div>
                                <div class="r">
                                    <p class="p1">国泰集团2020年年中工作会暨“十四五”发展规划研讨会圆满</p>
                                    <p class="p2">国泰集团2020年年中工作会暨“十四五”发展规划研讨会圆满</p>
                                </div>
                            </li>
                            <li>
                                <div class="l">
                                    <p class="p1">29</p>
                                    <p class="p2">2019-11</p>
                                </div>
                                <div class="r">
                                    <p class="p1">交通强国铁路先行，太格携手国泰勇创新时代</p>
                                    <p class="p2">交通强国铁路先行，太格携手国泰勇创新时代</p>
                                </div>
                            </li>
                        </ul>
                        <a class="red_btn" style="display:block;width:120px;text-align:center;margin:0 auto;"
                            href="javascript:;">查看更多</a>
                    </div>
                </div>
            </div>
            <script>
                $(function () {
                    $("body > .index_main > .news > .content .top ul li").click(function () {
                        $(this).addClass('active').siblings().removeClass('active');
                    })
                })
            </script>
        </div>
        <!-- 开启太格梦想>> -->
        <div class="dream">
            <div class="lxwm">
                <p>曾经磨难，曾经风雨，一路追求，一路奋斗，愿与拼搏自强，踏实负责，专业可靠的逐梦者携手共进 —— 太格时代，期待您的加入</p>
                <a class="red_btn" href="javascript:;">开启太格梦想>></a>
            </div>
        </div>
        <!-- 电话 -->
        <div class="phone">
            <h1><span style="font-size: 36px; color:  rgb(168, 20, 20);" class="iconfont icon-dianhua"></span> 售后服务热线 :
                400-6688-050</h1>
        </div>
        <!-- 地址 -->
        <div class="site">
            <span>北京总公司电话:010-63356521</span>
            <span>江西分公司电话:0791-83810552</span>
        </div>
    </main>
    <footer class="base_foot">
        <!-- 尾部 -->
        <div class="top">
            <div class="container">
                <div class="row" style="position:relative">
                    <div class="col-md-12">
                        <a href="javascript:;"> 友情链接</a>
                    </div>
                    <div class="goup"> <a href="#head"><span class="iconfont icon-tubiaozhizuo-"></span></a></div>
                </div>
            </div>
        </div>
        <div class="bottom ">
            <div class="container ">
                <div class="row" style="color:rgb(226, 226, 226)">
                    <div class="col-md-4">
                        <a href="javascript:;">
                            <img src="http://www.togest.com/phpcms/templates/default/image/foot-logo.png" alt="">
                        </a>
                        <div class="test">
                            <a href="./w1-1.html"> 走进太格 </a>
                            <a href="./x1-1.html"> 媒体中心 </a>
                            <a href="./o1-1.html"> 产品与解决方案 </a>
                            <a href="./x2-1.html"> 人才发展 </a>
                            <a href="./y1-1.html"> 投资者关系 </a>
                        </div>
                        <div class="subscription">
                            <label style="position:relative">
                                订阅我们
                                <input type="text" placeholder="请输入您的邮箱">
                                <button>提交</button>
                            </label>

                        </div>
                    </div>
                    <div class="col-md-4 padd">
                        <p><span class="glyphicon glyphicon-map-marker"></span> 北京市丰台区莱户营58号财富西环大厦1604-1608室</p>
                        <p><span class="glyphicon glyphicon-envelope"></span> gonggong@togest.com</p>
                    </div>
                    <div class="col-md-4">
                        <div class="social">
                            <!-- 社交 -->
                            <a href="javascript:;"> <span class="iconfont icon-weibo"></span> </a>
                            <a href="javascript:;"> <span class="iconfont icon-changyonglogo28"></span> </a>
                        </div>
                        <div class="qr_code">
                            <img class="col-sm-6 col-xs-4"
                                src="http://www.togest.com/phpcms/templates/default/image/wei.jpg" alt="">
                            <img class="col-sm-6 col-xs-4"
                                src="http://www.togest.com/phpcms/templates/default/image/wei.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <hr />
            <div class="container copyright clearFix">
                <div class="left">
                    Copyrightⓒyunbang.cn. All Rights Reserved.
                </div>
                <div class="right">
                    <span>Y</span>unBang design
                </div>
            </div>
        </div>
    </footer>
</body>

</html>